<!--
  @author songweidong
  @date 2020-08-01 16:14:28
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<html th:replace="~{work/modify/common/layout :: layout('工单照片', ~{::title}, ~{::content}, ~{::script})}">
<head>
    <title>工单管理-非标信息</title>
</head>
<body>

<div th:fragment="content">

    <form class="layui-form">

        <input id="work-id" type="hidden" name="workId" th:value="${nonstandardVO.workId}"/>
        <input id="order-id" type="hidden" name="orderId" th:value="${nonstandardVO.orderId}"/>

        <div >
            <div>
                <button class="layui-btn table_add" id="addbtn">添加</button>
            </div>

            <table class="layui-hide" id="nonstandard" lay-filter="nonstandard-table"></table>

            <script type="text/html" id="delMenu">
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
            </script>

        </div>


        <div class="layui-form-item">
            <div class="layui-card-header" style="margin-top:10px;"><b>图片</b>
                <span style="font-size: 12px;color: rgb(255,0,0)">单张图片大小5M以内，支持jpg、jpeg、png格式图片上传</span>
            </div>
            <div class="layui-split">&nbsp;</div>
            <div class="layui-form-item">
                <label class="layui-form-label" style="width: 60px"></label>
                <div class="layui-input-block layui-col-space10">
                    <div class="layui-col-md2" th:each="item,ind : ${new int[5]}">
                        <div class="layui-inline">
                            <div class="layui-upload-drag" th:id="|imageSrcUrl${ind.index}|"
                                 style="position: relative;">
                                <div>
                                    <input type="hidden" class="img-url" th:id="|imageSrcUrl${ind.index}Value|">
                                    <i class="layui-icon"></i>
                                    <p>点击选择图片上传</p>
                                    <img th:id="|imageSrcUrl${ind.index}Values|">
                                </div>
                            </div>
                        </div>
                        <div class="layui-inline" style="text-align: center;display: block;margin-left: -24px;">
                            <i class="layui-icon layui-icon-search btn-review"></i>
                            <i class="layui-icon layui-icon-delete btn-delete"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;margin-top: 30px;">
            <button class="layui-btn" lay-submit>保存</button>
        </div>

    </form>

</div>

<script th:inline="javascript">

    var orderNonstandardList = [[${nonstandardVO.orderNonstandardList}]];

    var imageStr = [[${nonstandardVO.imageSrc}]];

    var layuiModel = {
        oms_work_modify_nonstandard: "work/modify/zmn.oms.work.modify.nonstandard"
    };

</script>
</body>
</html>